<template>
	<uni-popup ref = "popup" type="bottom" >
		<view class="text-center py-2 font-md border-bottom border-light-secondary " >分享</view>
		<view class="flex align-center " >				
		<view class="flex-1 flex flex-column align-center justify-center py-2 " 
	  v-for="(item ,index) in shareList" :key = "index" hover-class="bg-light"	>
			  <view class="iconfont bg-primary text-white flex align-center
			   justify-center font-lg rounded-circle" :class="item.icon + ' ' + item.color" style="width: 100rpx;height: 100rpx;  " ></view>
			   <text class="font-sm mt-1 text-muted " >{{item.name}}</text>
			</view>										
		</view>			
		<view class="text-center py-2 font-md border-bottom border-light-secondary" >取消</view>
	</uni-popup>
</template>

<script>
	import uniPopup from "@/components/uni_ui/uni-popup/uni-popup.vue"
	export default{
		comments:{
			uniPopup
		},
		data(){
			return{
				shareList:[{
					icon:"icon-qq",
					color:"bg-primary",
					name:"QQ好友"
				},{
					icon:"icon-qq",
					color:"bg-primary",
					name:"QQ好友"
				},{
					icon:"icon-qq",
					color:"bg-primary",
					name:"QQ好友"
				},{
					icon:"icon-qq",
					color:"bg-primary",
					name:"QQ好友"
				}]
			}
		},
		methods:{
			open(){			
				this.$refs.popup.open()
			},
			close(){
				this.$refs.popup.close()
			}
		}
	}
	
</script>

<style>
</style>
